<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:sfc="http://code.google.com/p/stew-faces.core">
<sfc:head>
	<f:facet name="beforeStylesheet">
		<!-- due to a bug in myfaces outputStylesheets in facets are rendered twice, so add it as
			 normal html link and everything is fine -->
		<link
			href="/stew-faces-demo/javax.faces.resource/reset.css.jsf?ln=css"
			rel="stylesheet" type="text/css"/>
	</f:facet>
	<f:facet name="afterStylesheet">
		<link
			href="/stew-faces-demo/javax.faces.resource/style.css.jsf?ln=css"
			rel="stylesheet" type="text/css"/>
	</f:facet>
	<title><ui:insert name="title">
	Stew-Faces Showcase
	</ui:insert></title>
</sfc:head>
<h:body styleClass="tundra">
	<h:form id="mainForm">
		<h:panelGroup layout="block" id="header" styleClass="header">
			<ui:insert name="header">

				<h:panelGroup layout="block" id="header_middle"
					styleClass="header_middle">
					<ui:insert name="header_middle">
						<h:panelGroup layout="block" styleClass="header_links">
							<a href="http://code.google.com/p/stew-faces/">Project Site</a>
							<a href="http://code.google.com/p/stew-faces/wiki/StartPage">Project
								Wiki</a>
							<a href="http://code.google.com/p/stew-faces/downloads/list">Download</a>
							<a href="http://code.google.com/p/stew-faces/source/browse/">Sources</a>
							<a href="http://code.google.com/p/stew-faces/issues/list">Issues</a>
						</h:panelGroup>
						<h:panelGroup>
							<h:graphicImage library="images" name="headerline.png"
								styleClass="header_title" alt="Stew-Faces Component Showcase" />
						</h:panelGroup>
					</ui:insert>
				</h:panelGroup>
				<h:panelGroup layout="block" id="header_left"
					styleClass="header_left">
					<ui:insert name="header_left"></ui:insert>
				</h:panelGroup>
				<h:panelGroup layout="block" id="header_right"
					styleClass="header_right">
					<ui:insert name="header_right">
						<h:graphicImage library="images" name="stew_small.png"
							styleClass="header_logo" alt="logo" />
					</ui:insert>
				</h:panelGroup>
			</ui:insert>
		</h:panelGroup>
		<h:panelGroup layout="block" id="body" styleClass="body">
			<ui:insert name="body">
				<h:panelGroup layout="block" id="content" styleClass="content">
					<ui:insert name="content"></ui:insert>
				</h:panelGroup>
				<h:panelGroup layout="block" id="navigation" styleClass="navigation">
					<ui:insert name="navigation">
						<ui:include src="/sections/navigation.xhtml"></ui:include>
					</ui:insert>
				</h:panelGroup>

				<h:panelGroup layout="block" id="hints" styleClass="hints">
					<ui:insert name="hints"></ui:insert>
				</h:panelGroup>
			</ui:insert>
		</h:panelGroup>
		<h:panelGroup layout="block" id="footer" styleClass="footer">
			<ui:insert name="footer">
			</ui:insert>
		</h:panelGroup>
	</h:form>
</h:body>
</html>
